<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <div></div>
  <script>
    /*
      try/catch
          try/catch用来捕获错误信息，当try语句里出现错误会被catch语句捕获到并且通过形参拿到错误对象 
      总结：
          try...catch用于捕获错误信息
          将预计可能发生错误的代码写在try中
          如果try中的代码出现错误会执行catch代码并且拿到错误信息
          finally不管是否有错误都会执行    
    */

    function fun() {
      try {
        //try语句里写的是可能会发生错误的代码
        const div = document.querySelector("div")
        div.classList.ad("active")
      } catch (error) {
        //catch语句里写的是捕捉try里面的错误代码
        throw new Error(error.message);
      } finally {
        console.log("不管你对不对我都会执行");
      }
    }
    fun()
  </script>
</body>

</html>